<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
        })
        var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
        document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
    <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
    <style>
        #indexLoading {
            width: 200px;
            height: auto;
            display: block;
            position: absolute;
            left: 50%;
            top: 30%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>

<body>
    <noscript>
        <strong>Please enable JavaScript to continue.</strong>
    </noscript>
    <div id="app">
        <img src="https://public-oss-file.zmaxfilm.com/applet/img/film-oxygen-uniapp/loding.gif" class="indexLoading"
            id="indexLoading">
    </div>
    <!-- built files will be auto injected -->
</body>

</html>
